<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="js/jquery-1.11.0.min.js"></script>
<body>
    <table width="100%" border="1" id="tab">
        <tr>
            <th>信用卡卡号</th>
            <th>额度</th>
            <th>所属用户</th>
            <th>还款日期</th>
            <th>利息</th>
            <th>操作</th>
        </tr>
    </table>
    <table width="100%" id="shouye">
        <tr>
            <td align="center"><a href="/airong/index.html">首页</a></td>
            <!--    <td align="center"><a href="#"><input type="button" id="lc" value="理财"></a></td>-->
            <td align="center"><a href="" id="lc">理财</a></td>
            <td align="center"><a href="/airong/personalCenter.html">我的</a></td>

        </tr>
    </table>
</body>
    <script>
        let url = "/airong/cc?action=findAll";
        $.get(url,function (data) {
            $.each(data,function (index,element) {
                $("#tab").append("<tr>\n" +
                    "            <td>"+ element.id +"</td>\n" +
                    "            <td>"+ element.limit +"</td>\n" +
                    "            <td>"+ element.uid +"</td>\n" +
                    "            <td>"+ element.repaymentTime +"</td>\n" +
                    "            <td>"+ element.interest +"</td>\n" +
                    "            <td>#</td>\n" +
                    "        </tr>")
            });
        },"json");
        let urll = "/airong/cc?action=getSessionID";
        let paramsl = {}
        $.get(urll,paramsl,function (sessionID){
            document.getElementById('lc').href= "products.html?uid="+sessionID;
        },"text")

    </script>

<style>
    div {
        width: 100%;
        text-align: center;
    }
    #shouye{
        position: absolute;
        top: 600px;
        padding: 5px;
        margin: 4px;
        background-color: bisque;
        font-size: 20px;
        text-align: center;
        z-index: 1;
    }

</style>
</html>